/* pages/campSuperMarket/campSuperMarket.wxss */
page {
  background-color: #f5f5f5;
}

.container {
  display: flex;
}

.left-menu {
  background-color: rgb(247, 248, 250);
  // width: 250rpx;
  height: 100vh;
}

.right-supermarket {
  width: 100%;
  height: 100vh;
}

/* 整体商品列表项的容器样式 */
.a {
  display: grid;
  grid-template-columns: 1fr 2fr;
  grid-gap: 10rpx;
  padding: 10rpx;
  background-color: #f4f4f4;
  border-radius: 6rpx;
  box-shadow: 0 0 5rpx rgba(0, 0, 0, 0.1);
  transition: all 0.3s ease;
}

.a:hover {
  box-shadow: 0 0 8rpx rgba(0, 0, 0, 0.2);
  transform: translateY(-3rpx);
}

/* 商品图片的样式 */
.a.camp-img {
  grid-row: 1 / 3;
  display: flex;
  justify-content: center;
  align-items: center;
}

.a.camp-img van-image {
  width: 120rpx;
  height: 120rpx;
  border-radius: 6rpx;
  object-fit: cover;
}

/* 商品名称的样式 */
.b {
  font-size: 28rpx;
  font-weight: bold;
  color: #333;
  margin-bottom: 5rpx;
}

/* 商品价格的样式 */
.c {
  font-size: 24rpx;
  color: #e74c3c;
  margin-bottom: 8rpx;
}

/* 商品描述的样式 */
.d {
  font-size: 22rpx;
  color: #777;
  line-height: 1.3;
}

/* 新增class e的样式，将其定位到右下角 */
.e {
  grid-row: 3 / 4;
  grid-column: 2 / 3;
  justify-self: end;
  align-self: end;
  font-size: 20rpx;
  margin-bottom: 5rpx;
  margin-right: 25rpx;
}

// 购物车位置
.cart-box.data-v-v {
  position: fixed;
  bottom: 200rpx;
  left: 30rpx;
  right: 30rpx;
  height: 110rpx;
  border-radius: 48rpx;
  box-shadow: 0 0 20rpx rgba(0, 0, 0, 0.2);
  background-color: #ffffff;
  display: flex;
  align-items: center;
  justify-content: space-between;
  z-index: 9999;
}

// 购物车红点位置
.cart-box .mark.data-v-v {
  padding-left: 46rpx;
  margin-right: 30rpx;
  position: relative;
}

// 购物车大小
.cart-box .cart-img.data-v-v {
  width: 90rpx;
  height: 90rpx;
  position: relative;
  margin-top: 15rpx;
}

// 购物车红点是否显示
.cart-box .mark .tag.data-v-v {
  background-color: #dd524d;
  color: #ffffff;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 24rpx;
  position: absolute;
  right: -30rpx;
  top: 0rpx;
  border-radius: 100%;
  padding: 4rpx;
  width: 30rpx;
  height: 30rpx;
  opacity: 0.9;
}

// 加入购物车的数据样式
/* pages/leaseOrderDetail/leaseOrderDetail.wxss */
page {
  background-color: #f5f5f5;
}

.collect-item {
  width: 94%;
  height: 207rpx;
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin: 20rpx auto;
  background-color: #fff;
  border-radius: 30rpx;

  .collect-image-box {
    width: 200rpx;
    height: 207rpx;
    display: flex;
    justify-content: center;
    align-items: center;
    // background-color: skyblue;
  }

  .collect-info {
    width: 300rpx;
    width: 70%;
    height: 207rpx;
    margin: 20rpx;
    background-color: #fff;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;

    .auth-camp {
      padding: 10rpx 10rpx;
      margin-top: 15rpx;
      background-color: #2E2E2E;
      color: #FFC658;
      border-radius: 30rpx;
      font-size: 22rpx;
    }

    .collect-address-name {
      padding: 15rpx 0rpx;
      color: #3a3535;
      font-size: 26rpx;
      font-weight: 600;
      font-family: PingFang SC;
    }

    .collect-address-price {
      padding: 15rpx 0rpx;
      color: #ec4e4e;
      font-size: 26rpx;
      font-weight: 600;
      font-family: PingFang SC;
    }

    .collect-address-detaile {
      padding: 15rpx 0rpx;
      color: #5cc94e;
      font-size: 26rpx;
      font-weight: 600;
      font-family: PingFang SC;
      /* 保持宽度自适应，根据内容自动调整 */
      width: auto;
      /* 超出元素宽度的内容隐藏起来 */
      overflow: hidden;
      /* 当文本溢出时，用省略号显示 */
      text-overflow: ellipsis;
      /* 文本不换行，强制在一行内显示 */
      white-space: nowrap;
      /* 根据字体大小和希望显示的字数大致估算出的宽度，确保能较好地显示8个字左右，你可以根据实际情况微调 */
      max-width: 300rpx;
    }

    .collect-address-botton {
      padding-left: 50%;
      margin-top: -35%;
    }

    .collect-address-time {
      padding: 15rpx 0rpx;
      // color: #60a018;
      // padding-left: 40%;
      // margin-top: -24.5%;
      font-size: 26rpx;
      font-weight: 600;
      font-family: PingFang SC;
    }
  }
}

.van-swipe-cell .van-swipe-cell__right {
  width: 130rpx;
  height: 100%;
  font-size: 30rpx;
  color: #fff;
  text-align: center;
  background-color: #f44;
  word-wrap: break-word;
  padding: 0 22rpx;
  box-sizing: border-box;
  /*文本垂直居中*/
  display: flex;
  align-items: center;
  justify-content: center;
}